<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>测试加载MapGuide地图</title>
<meta name="description" content="Source code generated using layoutit.com">
<meta name="author" content="LayoutIt!">
<link rel="stylesheet" href="../lib/ol/ol.css" type="text/css">
<link rel="stylesheet" href="../style/tiny.css" type="text/css">
<style type="text/css">
.map {
  height: 400px;
  width: 100%;
}
</style>
</head>
<body>
	<h2>我的地图-MapGuide</h2>
    <div id="map" class="map"></div>
    
    
    <h2>resource: 'Library://hrbshp/map/map.MapDefinition'</h2>
    <h2>extent: [124.89,43.78,130.88,47.12]</h2>
    <h2>scales: [591657527.591555,295828763.795777,147914381.897889,73957190.948944,36978595.474472,18489297.737236,9244648.868618,4622324.434309,2311162.217155,1155581.108577,577790.554289,288895.277144,144447.638572,72223.819286,36111.9096437,18055.9548224,9027.977411,4513.988705,2256.994353,1128.497176]</h2>
</body>

<script src="../lib/ol/ol-debug.js"></script>
<script src="../Tiny.js"></script>
<script src="../core/Util.js"></script>
<script src="../core/Class.js"></script>
<script src="../core/Events.js"></script>
<script src="../core/Handler.js"></script>

<script src="../map/Map.js"></script>
<script src="../layer/Layer.js"></script>
<script src="../layer/tile/MapGuideTile.js"></script>
<script type="text/javascript">
(function(){
    var map = T.map('map',{
        projection: 'EPSG:4326'
    }).setView([126.7023, 45.7441], 8);
    
    var options = {
        resource: 'Library://hrbshp/map/map.MapDefinition',
        extent: [124.89,43.78,130.88,47.12],
        scales: [591657527.591555,295828763.795777,147914381.897889,73957190.948944,36978595.474472,
                 18489297.737236,9244648.868618,4622324.434309,2311162.217155,1155581.108577,
                 577790.554289,288895.277144,144447.638572,72223.819286,36111.9096437,18055.9548224,
                 9027.977411,4513.988705,2256.994353,1128.497176]
    }
    var mapGuide = new T.mapGuideTile('http://localhost:8008/mapguide/mapagent/mapagent.fcgi?USERNAME=Anonymous',options);
    
    map.addLayer(mapGuide);
})();
</script>
</html>